<template>
  <div class="goods">
    <good-list-item
      v-for="(item, index) in goods"
      :key="index"
      :good="item"
    ></good-list-item>
  </div>
</template>

<script>
import GoodListItem from "./GoodListItem";

export default {
  name: "GoodList",
  props: {
    goods: {
      type: Array,
      default() {
        return [];
      },
    },
  },
  components: {
    GoodListItem,
  },
};
</script>

<style>
.goods {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-around;
 padding: 2px;
}
</style>